<template>
    <div>  
        <div class="show-pc">
            <div class="Ivstandard ">
                <div class="box">
                    <div class="gif">
                        <img src="../../assets/images/new_img/重庆话-灯晃.gif" alt="">
                        <p style=" font-size: var(--text-26);">页面正在建设中</p>
                        <p style=" font-size: var(--text-16);">敬请期待...</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 移动 -->
        <div class="show-wap">
            <div class="Ivstandard-wap ">
                <div class="box-wap">
                    <div class="gif-wap">
                        <img src="../../assets/images/new_img/重庆话-灯晃.gif" alt="">
                        <p style=" font-size:20px">页面正在建设中</p>
                        <p style=" font-size:18px">敬请期待...</p>
                    </div>
                </div>
            </div>
        </div>  

    </div>
  
</template>

<script setup>

</script>

<style lang="less" scoped>
.Ivstandard {
     width: 95.83333333333334vw;
    height: 100vh;
    margin: 0 auto;
    margin-top: 2.08vw;

    display: flex;
    justify-content: center; 
    align-items: center;

    .box {
         width: 50%;
    height: 20.8vw;
    display: grid;
    place-items: center; /* 简写：同时设置 justify-items 和 align-items */
    text-align: center;
    margin: 0; /* 清除默认外边距 */

        .gif {
            >img {
                width: 7.18vw;
                height: 7.44vw;
            }

            >P {
                color: rgb(153, 153, 153);
                padding-top: 0.52vw;
            }
        }


    }


}
// 移动端
.Ivstandard-wap {
    width: 95%;
    height: 90vh;
    margin: 0 auto;
    // margin-top: 2.08vw;
    display: flex;
    justify-content: center; 
    align-items: center;

    .box-wap {
    width: 80%;
    height: 50%;
    display: grid;
    place-items: center; /* 简写：同时设置 justify-items 和 align-items */
    text-align: center;
    margin: 0;


        .gif-wap {
            >img {
                width: 140px;
                height: 140px;
            }

            >P {
                color: rgb(153, 153, 153);
                padding-top: 0.52vw;
            }
        }


    }


}
</style>